@import "./reset.scss";

// varies 变量区
$inWIdth: 12rem;


// mixin区
@mixin setInWidth {
	width: 1200px;
	margin: 0 auto;
}

// 样式区

body {
	// width: 13.66rem;
	margin: 0 auto;
	font-size: 14px;
}

.in-top {
	@include setInWidth;
}

.top {
	overflow: hidden;
	width: 100%;
	height: 200px;// iie8 hack
	background : url(../images/topshade.png) repeat-x rgb( 150, 49, 44);

	.in-top {
		max-height: 200px;
	}


	.top-right {
		float: right;
		margin-top: 86px;
	}

	.search {
		font-size: 0px;
	}

	.search-input,
	.search-btn {
		border: 1px solid #fff;
	}

	.search-input {
		max-width: 85px;
		height: 21px;
		line-height: 21px;
		padding: 3px 0 3px 15px;
		font-size: 14px;
		border-radius: 14px 0 0 14px;
	}

	.search-btn {
		width: 30px;
		height: 29px;
		line-height: 28px;
		background: #fff url(../images/search-icon.png) no-repeat center ;
		border-left: 1px solid #bfbfbf;
		border-radius: 0 14px 14px 0;
	}

	.time {
		height: 21px;
		line-height: 1.5;
		margin-top: 15px;
		color: #fff;
		font-size: 12px;
	}
}

.top-left img {
		width: (340+32+228)*1px;
		height: 50%;
		margin: 43px 0 41px;
}

// 主导航
.nav {
	position: relative;
	width: 100%;
	height: 43px;
	text-align: center;
	background: #ad1e26 url(../images/tabshade.png) no-repeat;

	& > ul {
		@include setInWidth;

		& > li,
		& > li > a {
			width: 200px;
			height: 43px;
			line-height: 43px;
		}

		& > li > a {
			font-size: 18px;

			.down {
				float: right;
			}
		}
	}

	ul {
		zoom:1;

		&:after {
			content: '';
			display: table;
			clear: both;
	  	}

		li { float: left; }
	}

	a {
		display: block;
		color: #fff;
	}
}

ul.sub-nav {
	position: absolute;
	left: 0;
	top: 43px;
	z-index: 2;
	display: none;
	width: 100%;
	min-height: 25px;
	background: rgba( 0,14, 0, .4 );
	*background: rgb( 0, 14, 0);
	*filter: alpha(style=1, Opacity=60, finishOpacity=60 );
	background: #000 \0;
	filter: alpha(style=1, Opacity=60, finishOpacity=60 )\0;

	li {
		height: 25px;
		line-height: 25px;
		padding: 0 5px;
	}
}
.nav > ul > li > a:hover {
	border-top: 5px solid #fff;
	margin-top: -5px;
}

// banner 样式
.banner {
	width: 100%;

	img {
		width: 100%;
	}
}

// footer样式
.footer {
	overflow: hidden;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	color: #fff;
	background: #9f151d;

	.infooter {
		@include setInWidth;
		text-align: center;
	}

	.link-list {
		display: inline-block;
		margin-top: 40px;
	}

	.link-title,
	li a {
		color: #fff;

		&:hover,
		&:active {
			color: #000;
		}
	}

	.link-title{
		margin-right: 39px;
		font-size: 16px;

		.linkpic {
		vertical-align: middle;
		}
	}

	.copyright {
		margin-top: 18px;
	}

	li {
		list-style: none;
		a {
			display: block;
			vertical-align: middle;
			height: 35px;
			line-height: 35px;
			padding-right: .39px;
			font-size: 16px;
		}
		.link-dot {
			display: inline-block;
			vertical-align: middle;
			width: 7px;
			height: 7px;
			margin: 0 23px;
			background: #fff;
			border-radius: 99px;
		}
	}
}

// block-content 样式
.block-content {
	@include setInWidth;
	margin-top: 20px;
}

// title部分
	// index部分
.title-one,
.one-more,
.title-three,
.title-four,
.four-more {
	height: 40px;
	line-height: 40px;
}

.blockList .title {
	margin-bottom: 3px;
}
.block-content-title,
.title-one {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;

}

.title-one {
	width: 102px;
	background: url(../images/beijing.png) no-repeat top left;
}
.one-more {
	color: #727272;

	&:hover,
	&:active {
		color: #0F36E6;
	}
}

.block-content-more.now-position {
	color: #727272;
	font-size: 14px;
}
.block-content-title,
.block-content-more {
	height: 30px;
	line-height: 30px;
}

.block-content-title {
	padding: 0 15px;
	background: #00a0e8;
}

.title-two {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 13px;
	margin-bottom:10px;
	color: #00a0e9;
	border: 1px solid #00a0e9;
	border-radius: 15px;;
}

.title + hr {
	height: 3px;
	margin-top: 8px;
	color: #b5b5b5;
}

	// slide 部分

.slide-block {
	width: 300px;

	.title {
		color: #fff;
		background: #bc2d38;
		border-radius: 4px;
	}

	.title-three {
		margin-left: 60px;
		font-size: 24px;
	}

	.title-four {
		margin-left: 15px;
		font-size: 18px;
	}

	a.four-more {
		margin-right: 15px;
		color: #fff;
		font-size: 14px;
	}

	// slide  , nav 部分 和 list 部分

	.slide-nav-list li,
	.slide-list li { font-size: 0; }

	.slide-nav-list,
	.slide-ul {
		border: 1px none #d9d9d9;
		border-style: none solid solid;
		border-radius: 0 0 4px 4px;
	}

	.slide-nav-list li {
		height: 60px;
		line-height: 60px;

		&:not(:last-child) { border-bottom : 1px solid #5b5b5b; }

		.slide-nav-dot.active {
			background: #bc2d38;
		}
	}

	.slide-nav-list a {
		color: #000;
		font-size: 18px;

		&:hover,
		&:active {
			color: #a2494f;
		}
	}

	.slide-nav-dot {
		display: inline-block;
		width: 12px;
		height: 12px; // ie6-8 hack
		margin: 0 30px 0 20px ;
	}

	.slide-nav-dot { background: #5b5b5b;}

	.slide-news-dot {
		display: inline-block;
		width: 7px;
		height: 7px;
		margin-right: 10px;
		background: #c0c0c0;
	}

	.slide-list {
		margin-top: 20px;
	}

	.slide-ul {
		padding: 20px 0;

	}

	.slide-ul a {
		color: #5b5b5b;
		font-size: 14px;

		&:hover,
		&:active {
			color: #a2494f;
		}
	}

	.slide-list li {
		height: 25px;
		line-height: 25px;
		padding: 0 25px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.slide-right-block {
	margin-left: 320px;
}

// 右边的内容区

.right-content {
	width: 880px;
	margin-left: 18px;
}
